<template>
  <section class="pagerror__box" :style="{ maxWidth: width, marginTop: top}">
    <h1 class="pagerror__title">{{errortype}}
      <small>{{errordisc}}！</small>
    </h1>
    <hr class="pagerror__hr">
    <dl class="pagerror__content">
      <dt>可能原因：</dt>
      <dd>
        <slot></slot>
      </dd>
    </dl>
  </section>
</template>

<script>
export default {
  name: 'CPageError',
  data () {
    return {}
  },
  props: {
    errortype: {
      type: String,
      default: '404'
    },
    errordisc: {
      type: String,
      default: '页面无法打开'
    },
    width: {
      type: String,
      default: '700px'
    },
    top: {
      type: String,
      default: '20px'
    }
  },
  methods: {},
  computer: {}
}
</script>

<style>

</style>
